var my_carvas, strat_x, strat_y, end_x, end_y;
Page({
    data: {},
    onLoad: function () { },
    onReady: function () {
        my_carvas = wx.createCanvasContext('myCanvas', this) //1.创建carvas实例对象，方便后续使用。
    },
    // 手指触摸事件
    EventHandleStart: function (e) {
        console.log(e)
        strat_x = e.touches[0].x; // 手指开始触摸时的x轴 x轴--->相对于画布左边的距离
        strat_y = e.touches[0].y;// 手指开始触摸时的y轴 y轴--->相对于画布顶部的距离
    },
    //手指触摸结束时的事件
    EventHandle: function (e) {
        console.log(e)
        end_x = e.changedTouches[0].x; // 手指结束触摸时的x轴 x轴--->相对于画布左边的距离
        end_y = e.changedTouches[0].y;// 手指结束触摸时的y轴 y轴--->相对于画布顶部的距离
        my_carvas.beginPath(); //创建一条路径  
        my_carvas.setStrokeStyle('red');  //设置边框为红色
        my_carvas.moveTo(strat_x, strat_y) //描述路径的起点为手指触摸的x轴和y轴
        my_carvas.lineTo(end_x, end_y) //绘制一条直线，终点坐标为手指触摸结束后的x轴和y轴
        my_carvas.stroke() //画出当前路径的边框
        my_carvas.draw() //将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。
    }

})
